<!DOCTYPE html>
<html>
<head>
	<title>index</title>
	<style type="text/css">
		.buddyListOdd{
			background-color: #f0f0f0;
		}
		.buddyListEven{
			background-color: #fff;
		}
		.buddyListHighLight{
			background-color: #DCE2E8;
		}
	</style>
</head>
<body>
<div style="width:312px;height:180px;overflow-y:scroll;overflow-x:hidden;color:#747678" id="allBuddy">
	<input type="text" onkeyup="return keyDownEvent(event);"><br/>
	<table cellpadding="0" cellspacing="0" border="0" width="100%" id="buddyListTable">
		<tr class="buddyListOdd">
			<td width="26px"><input type="checkbox" name=""></td>
			<td>818818</td>
			<td>33311</td>
		</tr>
		<tr class="buddyListEven">
			<td width="26px"><input type="checkbox" name=""></td>
			<td>818818</td>
			<td>33311</td>
		</tr>
		<tr class="buddyListOdd">
			<td width="26px"><input type="checkbox" name=""></td>
			<td>818818</td>
			<td>33311</td>
		</tr>
		<tr class="buddyListEven">
			<td width="26px"><input type="checkbox" name=""></td>
			<td>818818</td>
			<td>33311</td>
		</tr>
	</table>
	<table id="result"></table>
</div>
<script type="text/javascript" src="index.js"></script>
</body>
</html>